﻿<%@ page contentType="text/html; charset=utf-8" language="java" isELIgnored="true"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bottom.jsp</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>

<style>
body{ padding:0; margin:0; font-size:12px}
.footbar_wrap{ position:fixed; bottom:0; left:0;width:100%;}
.footbar{ width:100%; height:24px;line-height:24px; font-size:14px; margin:0 auto; background:url(http://127.0.0.1:8080/img/footbar.jpg) repeat-x 0 0; border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4;}
/*a:link, a:visited {*/
.footbar a {
	color: #333;
	text-decoration: none;
}
/*a:hover, a:active {*/
.footbar a:hover {

}
* html .footbar_wrap{ position:absolute; left:0; width:101.4%;top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}
ul{ margin:0; padding:0; }

.lxr{
background: url(chat_icon_5.gif) no-repeat scroll 12px -125px transparent;
}
.shang{
background: url(chat_icon_5.gif) no-repeat scroll 20px -1180px transparent;
}
.xia{
background: url(chat_icon_5.gif) no-repeat scroll 20px -1215px transparent;
}
.chat{
background: url(chat_icon_5.gif) no-repeat scroll 12px -1136px transparent;
}
.footbar li{ 
width:140px; text-align:center; 
float:left;position:relative;
margin-left:1px;list-style: none;
}
.thespan{ position:absolute; top:-110px; left:-1px; font-size:12px;text-align:center;display:none; width:140px;height:110px; border:1px solid #ccc; border-bottom:none;}
.clear{ clear:both;}
.footbar li.shang:hover{ border:1px solid #ccc; border-top:none; 
background:url(chat_icon_5.gif) no-repeat scroll 20px -1215px transparent;
background-color:#FFF;
}
.footbar li.lxr:hover{ border:1px solid #ccc; border-top:none; 
background:url(chat_icon_5.gif) no-repeat scroll 12px -170px transparent;
background-color:#FFF;
}
.footbar li.chat:hover{ border:1px solid #ccc; border-top:none; 
background-colojavascript:mctmp(0);r:#FFF;
}
.footbar li:hover span{ display:block;}
.footbar li p{ margin:0 0 2px 0;}
</style>
<!--[if IE 6]>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
$(function(){
 
   $(".footbar li:eq(1)").hover(function(){
     $(this).css({ border: "1px solid #ccc", background: "#fff"});
    $(this).css("border-top", "none");
    $(this).css("border-bottom", "none");
    $(".thespan:eq(0)").css("display","block");
  },
  function(){
    $(this).css({ border: "none", background: "none"});
    $(this).css("border-top", "none");
    
    $(".thespan:eq(0)").css("display","");
  })
})
</script>
 
<![endif]--> 

</head>
 
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#9ECAF1">
  <tr>
  	<td width="150" height="26" align="center" background="images/main20100521_90.gif"> 
	</td>
<td width="100" height="26" align="center" background="images/main20100521_90.gif">
	</td>
  <td width="200" height="26" align="center" background="images/main20100521_90.gif">
	</td>
  	
    <td height="26" align="center" background="images/main20100521_90.gif"><!--<%=session.getAttribute("copyright") %>-->版权所有：中华人民共和国商务部</td>
    <td width="360" align="center" background="images/main20100521_90.gif">&nbsp;</td>
  </tr>
</table>
 
</body>
</html>